<!DOCTYPE html>
<html>
<head>
    <title>API开发指南</title>
    <meta charset="utf-8">
    <%- include ../default.html%>
    <link href="/public/css/home.css" rel="stylesheet" type="text/css"/>
</head>

<body style="background: #f6f6f6">

    <header class="api-header">
        <div class="api-w1024">
            <a href="/" class="ah-logo">API开发指南</a>
            <ul>
                <li><a href="/list">分类查找</a></li>
                <li><a href="/linestudy">在线学习</a></li>
                <li><a href="#">在线考试</a></li>
                <li><a href="/login">管理中心</a></li>
            </ul>
        </div>
    </header>
    <div class="api-w1024 api-container clearfix" id="ctx">
        <div class="ac-box ac-left">
            <h3>浏览最多的文章</h3>
            <ul>
                <li v-for="(d,m) in d._numList" :key="m">
                    <a :href="'/article/'+d.id" target="_blank">
                        <div class="al-li-title"><h4>{{d.title}}</h4><span class="ali-right">总浏览量：{{d.readCount}}</span></div>
                        <div class="al-li-icon"><span>发布者：{{d.realName}}</span><span class="ali-right">发布时间：{{d.time2}}</span></div>
                    </a>
                </li>
                <!-- <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">总浏览量：100</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">总浏览量：100</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">总浏览量：100</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">总浏览量：100</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">总浏览量：100</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">总浏览量：100</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">总浏览量：100</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">总浏览量：100</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">总浏览量：100</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li> -->
            </ul>
        </div>
        <div class="ac-box ac-right">
            <h3>最新发布的文章</h3>
            <ul>
                <li v-for="(t,k) in d._dateList" :key="k">
                    <a :href="'/article/'+t.id" target="_blank">
                        <div class="al-li-title"><h4>{{t.title}}</h4><span class="ali-right">最后时间：{{t.time2}}</span></div>
                        <div class="al-li-icon"><span>发布者：{{t.realName}}</span><span class="ali-right">发布时间：{{t.time2}}</span></div>
                    </a>
                </li>
                <!-- <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">最后时间：2018-03-15</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">最后时间：2018-03-15</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">最后时间：2018-03-15</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">最后时间：2018-03-15</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">最后时间：2018-03-15</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">最后时间：2018-03-15</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">最后时间：2018-03-15</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="al-li-title"><h4>预订组出票规则 </h4><span class="ali-right">最后时间：2018-03-15</span></div>
                        <div class="al-li-icon"><span>发布者：张三</span><span class="ali-right">发布时间：2018-03-15</span></div>
                    </a>
                </li> -->
            </ul>
        </div>
    </div>
    <footer class="api-footer">
        <p class="api-w1024">胜意前端开发组开发</p>
    </footer>
    <script type="text/javascript" src="/public/js/front/home.js"></script>
</body>

</html>